<template>
<div>
<button type="button" class="vue-btn vue-btn-default" @click="showAlert">弹出框</button>

<Actions 
:visible="actions.visible"
:title="actions.title"
:transition="actions.transition"
:items="actions.items"
@selected="selected"
@cancel="cancel"
></Actions>
</div>
</template>

<script>
import Actions from "components/message/actions"

export default{
	components:{
 		Actions
 	},
 	data(){
 		var self=this;
 		return{
	 		"actions":{
	 			visible:false,
	 			title:"ActionsTitle",
	 			transition:"vue-actions-bottom",
	 			items:[{
	 				text:"链接"
	 			},{
	 				text:"链接"
	 			},{
	 				text:"链接"
	 			},{
	 				text:"链接"
	 			}]
	 		}
 		}
 	},
 	methods:{
 		showAlert(){
 			this.actions.visible=true;
 		},
 		selected(item){
 			console.log(item);
 			this.actions.visible=false;
 		},
 		cancel(){
 			this.actions.visible=false;
 		}
 	}
}
</script>